<style>
<!--

-->
.ppager-block {
    margin-top: 20px;
    text-align: center;
    margin-bottom: 10px;
}
.ppager-block .form-text {
    text-align: center;
    width: 18px;
}
.ppager-block .btn-small {
    cursor: pointer;
}
.ppager-block .form-text {
    height: 24px;
    margin-top: 3px;
    vertical-align: middle;
    width: 2em;
    float: left;
}
.ppager-block .confirm {
    cursor: pointer;
    height: 30px;
    line-height: 30px;
    margin-top: 3px;
    vertical-align: middle;
}
.ppager {
    display: inline-block;
    margin: 0 auto;
}
.ppager a, .ppager b {
    -moz-user-select: none;
    box-sizing: border-box;
    display: inline-block;
    height: 36px;
    line-height: 36px;
    padding: 0 12px;
    vertical-align: top;
    color: #6D6D6D;
    font-weight: 200;
    float: left;
}
.ppager a, .ppager .active {
    border-bottom: 1px solid #ddd;
    border-top: 1px solid #ddd;
}
.ppager a {
    position: relative;
}
.ppager a:before, .ppager a:after {
    background-color: #ddd;
    bottom: -1px;
    content: " ";
    position: absolute;
    top: -1px;
    width: 1px;
}
.ppager a:before {
    left: 0;
}
.ppager a:after {
    right: -1px;
}
.ppager a:hover {
    border-color: #f90;
}
.ppager a:hover:before {
    background-color: #f90;
}
.ppager a:hover:after {
    background-color: #f90;
    z-index: 1;
}
.ppager .active {
    background-color: #f90;
    border-color: #f90;
    color: #fff;
}
.ppager .ellipsis {
    border-left: 0px solid #ddd;
    padding-left: 5px;
    padding-right: 5px;
    text-align: center;
}
a{
text-decoration: none;
}
</style>


[#macro pager pagination curpage url]

<script type="text/javascript">
function pagework(){
	var num=parseInt($("#pagetext").val());
	if(num>0){
		var urll="${url}&curpage="+num;
		window.location.href=urll;
	}else{
		$("#pagetext").val("")
	}

}
</script>
<div class="ppager-block">
<div class="ppager link-ppager">
[#if pagination.totalPage>1]
    [#if curpage?number>1]
       <a href="${url}&curpage=${pagination.prePage}">上一页</a>
    [#else]
    
    [/#if]
     [#if pagination.firstNo>1]
       <a href="${url}&curpage=1"><1</a>
       <b class="ellipsis">...</b>
    [/#if]
    [#list pagination.firstNo..pagination.endNo as item] 
      [#if curpage?number==item]
     <b class="active">${item}</b>
      [#else]
      <a href="${url}&curpage=${item}">${item}</a>
      [/#if]
    [/#list]
    [#if pagination.totalPage==curpage?number]
    [#else]
    
    [#if pagination.endNo< pagination.totalPage ]
    <b class="ellipsis">...</b>
    <a href="${url}&curpage=${pagination.totalPage}">${pagination.totalPage}></a>
     [/#if]
	<a href="${url}&curpage=${pagination.nextPage}">下一页</a>
	[/#if]
  <b>  共 ${ pagination.totalPage} 页，去第</b><input id="pagetext" class="form-text" type="text"><b>页</b><a class="confirm" onclick="pagework();">确定</a>
[/#if]
</div>
</div>
[/#macro]